<template>
  <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <svg
    version="1.1"
    id="z_10"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 880 1080"
    style="enable-background:new 0 0 880 1080;width: 100%;height: 100%;"
    xml:space="preserve"
  >
    <defs>
      <filter id="glow">
        <feGaussianBlur stdDeviation="6" result="coloredBlur" />
        <feMerge>
          <feMergeNode in="coloredBlur" />
          <feMergeNode in="SourceGraphic" />
        </feMerge>
      </filter>
    </defs>
    <image
      style="overflow:visible;"
      width="1980"
      height="1980"
      xlink:href="@/assets/device/Z10.png"
      transform="matrix(0.5066 0 0 0.5066 53 53)"
    ></image>
    <g class="st0">
      <!-- 炉子 -->
      <path
        stroke-width="4"
        stroke-opacity="1"
        fill="none type_success"
        class="st1"
        d="M775.3,477.8c-10.9-33.9-69.2-121.4-101-108l-4.8,1.6c0,0,10.5,24,5.9,57.1c-0.3,4.6-2.4,20.9-2.4,20.9
		s0.1,18.3-33.8,22.2c-8.3,0.6-31.4-4.9-36.8-23.4c0-10.4,0-20.9,0-20.9s2.2-16.3-2.9-29.9c-7.6,1.9-50.8,13.5-50.8,13.5l-31.7-62.7
		l-4.6,1.5l12.7,24.7l0.1,5.3l-2.9,0.4l1.5,54.6c0,0-1.7,2.9-3.9,0.3c-0.1-3.1-1.6-53.9-1.6-53.9l-6.3,1.8l1.1,30.7
		c0,0-2.5,2.1-3.3-0.4c-0.3-1.7-1.3-29.7-1.3-29.7l-1.9,0.5l2.5,44.7c0,0-1.9,4.3-8.2,4.4c-2.5,0.1-6.7-1.1-7.8-5.2
		c0-3.5-2.2-39.5-2.2-39.5l-2.3,0.5l4,54.4c0,0-0.3,1.6-2,1.7c-1.7,0-2-1.8-2-1.8l-3.9-53.4l-1.3,0.4l-3.8-7.7l2.6,37.1l0,1.3
		c0,0-0.4,1.2-1.6,1.1c-1.3-0.1-1.7-1.3-1.7-1.3l-4.6-49.9l-4.6-9.2v-1.2l-44.2,11.1l-1,1.3l4.8,33.6l5,12c0,0,0.4,4.1,0.3,4.5
		c-0.2,0.3-2.7,0.7-2.7,0.7l12.7,92.8c0,0-1.5,2.4-3.3,0.5c-0.5-2.8-10.7-75.2-10.7-75.2l-2,0.8l7.5,50.8c0,0-1.7,3.3-3.6,0.1
		c-0.7-4.7-7.8-49.8-7.8-49.8l-3.4,0.8l10.4,64.1c0,0,0.4,6-6.6,7c-7,1-8.9-4.3-8.9-4.3l-10.9-62.7l-4.1,1l13.5,74.4
		c0,0-0.6,3.1-3.4,1.6c-0.6-3.9-4.7-24.3-4.7-24.3s-1,3.1-3.5,0.5c-1-2.8-10.2-50.3-10.2-50.3l-55.5,15.4l7.9,26.8
		c0,0,1.8,1.3,3.2,5.1c1.3,4.7,1.9,8.9,1.9,8.9s0.3,3.8-4.2,6.6c0.6,4.7,3.6,14.1,3.6,14.1s1.3,7.1-5.3,8.5
		c-6.6,1.4-9.5-3.8-9.5-3.8l-3.8-14.1c0,0-7.7-0.6-9.9-9.3c-0.4-1.7-2-3.9-1.2-6.5c-2.8,0.7-11,3.1-11,3.1l-0.5-1.5l-2.2,0.6
		l-8.9-28.7l-83,22L202,471.2l-15.9,4.7l0.7,3.7l-21.9,5.8c0,0-8.1,3-9.4,10.6c-3.3,1-43.6,11.7-43.6,11.7s-14.4,6.6-13.7,16.5
		c0.7,10,9,75.1,9,75.1s-12.4,3.2-9.8,16.2c0.4,2.7,1.7,4.6,1.7,4.6s4,8.3,9.4,8.8c5.4,0.6,6.7,0,6.7,0l6.3,9.5c0,0,2.4,3.7,7.7,3.1
		c0.5,3.9,13.7,82.6,41.8,135.6c0,0,14.4,35.4,23.6,43.6c5.9,6.8,22.4,24.8,22.4,24.8s6.2,6.2,11.9,7c1.7,2.4,7.7,10.8,10.9,12.6
		c3.2,1.8,5.7,3.5,5.7,3.5l15.3-4.6c0,0,6.6,4.3,12.3,1.1c5.4-1.8,13.6-4.7,13.6-4.7l3.3-5.5l0.7-8.1l8.1-2.3l4,7.2l5.4,23.7
		l9.5,15.9l81.1-28.5l-23.2-79.1c0,0,4.1-8,14.1-10.4c10-2.5,15.3,1.3,15.3,1.3l23.2,77.9l6.1-2l-3.2-11.6l2.3-0.6l-0.1-1.7
		l31.4-10.7l0.8,1.5l2.4-1c0,0,3.7,11.4,3.7,11.2c0-0.3,74.6-26.7,74.6-26.7l-0.7-51.1l3.7-0.7l0.2,20.4l10.3,26.9l2.5-0.9
		c0,0,4.7-0.9,5.3,2c0.2,3.1-0.2,10.9-0.2,10.9l11-4.1c0,0-3-8.5-0.9-9.4c2.2-0.9,4.8-2.1,4.8-2.1s-4.3-8.2-5.7-17
		c-0.8-3.6-2.6-10.7,2-10.6c1,0.5,1,0.5,1,0.5l4.3-1.5l0.6-1.2l0.8-0.4l0.8-16.9l-7.5,3.1c0,0-1.8,1-2.6-0.5s-4.1-8.4-4.1-8.4
		l-0.1,10.7l-1.4,1.5l-1.6-0.4l-4.8-11.2l1.2-1.1l1.7-0.5l1.3,2l1.1-46.4c0,0,0.2-1.8,1.7-1.8c1.5,0,1.9,1.1,1.9,1.1l8.7,21.1l0.2,1
		c0,0,2.4,0.5,2.5,2.6c0.1,2.1-0.3,3.6-0.3,3.6l12.1-3.6l0.3-5.9c0,0-0.2-3.8,3.8-3.9c3.9-0.1,4.1,3.6,4.1,3.6l0.1,3.2l11.7-3.9
		l0.5-6.2c0,0-0.7-2.9,3.7-3.3c4.4-0.4,3.9,4.3,3.9,4.3l-0.3,2.9l11.5-4.3l0.7-6.2c0,0,0.3-4,3.9-3.6c3.6,0.4,3.8,4.2,3.8,4.2
		l-0.3,3.1l1.2-0.5l4.6-33.5c0,0-0.3-2.1,1.2-2s2.1,1.4,2.1,1.4l9.7,20.1v2c0,0,1.8,1,0.9,4c-0.3,1.7-0.3,1.7-0.3,1.7l11-3.9
		l1.1-6.4c0,0,0.4-2.2,2.5-2.9c0.5-2.5,2.5-11.7,2.5-11.7s0.3-1.5,0-2.4c-0.3-0.9-13.3-79.6-13.3-79.6s-0.2-2.4-0.6-3.2
		c-0.3-0.8-37.5-90.2-37.5-90.2l-5.5,2c0,0-1.6,0.1-1.7-1.5c-0.2-1.6,0.3-1.7,0.3-1.7l7.3-2.7c0,0,1.8-0.8,2.5,0.8
		s37.8,91.3,37.8,91.3s0.8,2.4,1.3,4.7c0.5,2.4,13.1,79.3,13.1,79.3s0.4,1.8,0,4.6c-0.4,2.8-2.3,11.2-2.3,11.2l0.8,0.1l5.1-27.8
		c0,0,0.4-2.5,2.5-1.4c1.3,1.9,10.8,20,10.8,20l6-25.3c0,0,0.5-2.1,2-1c1.3,1.6,11.6,20.5,11.6,20.5v2.5c0,0,1.8,2,0.6,4
		c-0.2,1.1-0.2,1.1-0.2,1.1l9.5-3l2.1-6.9c0,0,0.4-2.5,2.7-2.7c0.7-2.2,3.6-12,3.6-12s0.1-0.7,0-2.8s-11.3-79.3-11.3-79.3l-0.9-3.8
		l-38.4-87.5l-7.9,3.1c0,0-1.9-1-1.2-3.2c1.6-0.9,9.8-3.9,9.8-3.9s1.6-0.7,2.2,1c0.6,1.7,39.8,91.4,39.8,91.4l0.4,2.1l11.5,80.4
		l-0.1,2.8l-3.8,12.7c0,0,1.9,0.8,1.1,4c-0.6,1.6-0.6,1.6-0.6,1.6l9.8-3.5l2-7.1c0,0,0.9-3.3,4.1-2.8c3.2,0.5,3.7,4.2,3.7,4.2
		l-0.7,2.4l-3.4,10.6c0,0,5.1,12.2,0.8,14c-4.3,1.7-41.4,14.1-41.4,14.1l17.4,33.5c0,0,3,1.3,3.2,3.7c3.4-1.3,7.4-2.7,7.4-2.7
		l1.2-4.6c0,0,1-2,3.4-1.8c2.4,0.2,3.4,2.1,3.6,3.3c3.6-0.9,9.5-3.1,9.5-3.1l28.5-78.3l6.4-17.7c0,0-2.2-6.5,4.3-7.1
		C799.9,633,811.6,559.6,775.3,477.8z"
      ></path>
      <path
        class="st1"
        d="M319.4,894.6c0,0,13.9,24,14.8,25.2c0.9,1.1,3.5,0.4,3.5,0.4l3.1-1.4c0,0,11.5,20.1,12.7,22.4
		c1.2,2.3,5.6,0.7,5.6,0.7l59.5-22.1l-19.3-53.4L319.4,894.6z"
      />
      <polygon
        class="st1"
        points="472.8,840.4 473.6,843 481.3,840.2 484.5,850.2 476,853.4 476.4,855.3 474.1,856 474.1,857.6 
		464.4,860.9 466.4,870.2 471.3,868.3 475.6,881.4 440,894.6 444.6,910.8 547.1,873.4 546.1,815 	"
      />
    </g>
    <!-- 回水 -->
    <!-- stroke-dasharray="5,5" -->
    <g>
      <path
        d="m679,864l106.00001,-820.99998"
        fill="none"
        id="svg_35"
        stroke="#56ff56"
        stroke-dasharray="5,5"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="5"
      />
      <g transform="translate(780,30)">
        <text
          fill="#07DCF5"
          font-size="34"
          id="svg_104"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          x="0"
          y="30"
          xml:space="preserve"
        >
          <tspan x="40" y="70">
            回水管压力:
            {{ area123.waterOutPressure ? area123.waterOutPressure : "0" }}Pau
          </tspan>
          <tspan x="40" y="130">
            回水管流量: {{ area123.waterInFlow ? area123.waterInFlow : "0" }}Pau
          </tspan>
          <tspan x="40" y="186">
            回水管温度:
            {{ area123.waterOutTemperture ? area123.waterOutTemperture : "0" }}℃
          </tspan>
        </text>
        <image
          preserveAspectRatio="none"
          height="220.00001"
          id="svg_118"
          width="378"
          x="0"
          y="0"
          xlink:href="@/assets/device/xinxikuang.png"
        />
      </g>
      <path
        stroke-dasharray="5,5"
        d="m596.99999,795.99999l180.00002,-534.99997"
        fill="none"
        id="svg_35"
        stroke="#56ff56"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="5"
      />
      <g transform="translate(780,30)">
        <text
          fill="#07DCF5"
          font-size="34"
          id="svg_104"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          x="0"
          y="30"
          xml:space="preserve"
        >
          <tspan x="40" y="310">
            出水管压力:
            {{ area123.waterOutPressure ? area123.waterOutPressure : "0" }}Pau
          </tspan>
          <tspan x="40" y="376">
            出水管温度:
            {{ area123.waterOutTemperture ? area123.waterOutTemperture : "0" }}℃
          </tspan>
        </text>
        <image
          preserveAspectRatio="none"
          height="220.00001"
          id="svg_118"
          width="378"
          x="0"
          y="220"
          xlink:href="@/assets/device/xinxikuang.png"
        />
      </g>
      <path
        class="type_success flowingWater"
        d="M1023,738.5c0,0,7.2,11.1,1.8,14.1c-6.4,2.7-560,211.3-560,211.3s-22.2,8-31.5-4.6c-4.1-11.4-31-84.9-31-84.9
	s-7.3-18.6-8.1-27.7c-2.6-5.8-18-61.5-18-61.5s0.2-8.6,13.7-11.9s15.3,1.3,15.3,1.3l17.9,60.3c0,0,7.5,28.9,10.4,37.6
	s19.5,68,19.5,68s1.2,0.9,5.9-0.7S759,828.5,759,828.5s6.8,7.8,20.8,1.1C789.4,826.1,1023,738.5,1023,738.5z"
      />
    </g>

    <path
      class="st3"
      d="M576.2,735.5l-6.7,1.9c0,0-1,3.9,2.4,12.7s5.2,9.1,5.2,9.1l70.3-23.8l-10,62.7c0,0,0.7,13.8,16.8,6.2
	c16.1-7.6,225.1-122.4,225.1-122.4L850,737.7c0,0-1.5,4.2,3.1,6c4.6,1.8,5.3,0,5.3,0l37.9-68.2c0,0,2.4-5.7-2.4-8.5
	s-12.6,0.6-12.6,0.6l-229.8,125l4.1-24.3l-1.9-2.3l0.3-3.5l1-1.3l-1.2-2.3l1.7-2.1l-2.5-6l1.2-0.8h2c0,0,1.3,2,1.3,2.2
	c0,0.2,0.9,3.2,0.9,3.2l1.3-9.7l-4.6-9.5c0,0,2.9-2.9,5.2-1.9c1.5,2.5,1.5,2.5,1.5,2.5l1.1-6.6l92.5-31.9c0,0,3.9-3.3-0.8-14
	c-0.5,1.6-1.8,3.8-5.1,2.9c-3.3-0.9-2.4-5.1-2.4-5.1l2.1-4.7l-10.4,3.3l-3.2,10.9c0,0-0.9,3-4.6,1.7c-3.7-1.3-2-4.6-2-4.6l1.8-5.3
	l-10.6,3.9l-2.9,10.3c0,0-0.9,3-3.8,2.4c-2.9-0.6-3.5-3.6-3.5-3.6l2-6.6l-10.9,3.5l-2.3,10.2c0,0-0.9,2.9-4.1,2.7
	c-3.2-0.2-3.4-3.6-3.4-3.6l1.8-6.6l-11.2,3.9l-2.2,10.4c0,0-1,2.9-3.9,2.4c-3-0.6-2.9-3.7-2.9-3.7l1-6.8l-11.7,4.5l-1.5,10.3
	c0,0-0.7,2.9-4.1,2.2c-3.3-0.7-3.1-3.4-3.1-3.4l1.1-6.7l-11.8,4.4l-1,9.7c0,0-0.7,2.8-4.1,2.6s-3.4-3.6-3.4-3.6l0.8-6.2l-11.6,4.1
	l-1.1,9.3c0,0-0.2,3.1-3.9,2.7c-3.7-0.4-3.5-3.3-3.5-3.3l0.5-6.2l-11.8,3.9l-0.6,9.1c0,0-0.5,3.3-4,2.9c-3.5-0.4-3.4-2.9-3.4-2.9
	l0.1-6.4l-12.1,4.1l-0.4,9.2c0,0-0.4,3.3-3.8,2.9c-3.3-0.4-3.3-3-3.3-3L576.2,735.5z"
    />
    <path
      d="m1062.36379,738.38049c-3.34084,0 -6.68168,0 -10.02251,0l-10.0225,0l0,-2.74245l0,-2.74246l9.90751,0c5.44912,0 9.90751,-0.139 9.90751,-0.30889c0,-0.16988 -2.16929,-2.16345 -4.82062,-4.43012l-4.82062,-4.12123l4.45574,0l4.45571,0l6.8049,5.8069l6.80489,5.80691l-6.81795,5.79579l-6.81795,5.79579l-4.69081,0l-4.69082,0l5.18376,-4.43012l5.18375,-4.43012z"
      fill="#007fff"
      id="svg_35"
      stroke="#0000bf"
      stroke-width="2"
      transform="rotate(-25.4083 1058.67 735.638)"
    />
    <path
      d="m1079.36379,708.38049c-3.34084,0 -6.68168,0 -10.02252,0l-10.02249,0l0,-2.74245l0,-2.74246l9.90751,0c5.44912,0 9.90751,-0.139 9.90751,-0.30889c0,-0.16988 -2.16929,-2.16344 -4.82063,-4.43012l-4.82062,-4.12123l4.45574,0l4.45571,0l6.8049,5.8069l6.80489,5.80691l-6.81794,5.79579l-6.81795,5.79579l-4.6908,0l-4.69082,0l5.18376,-4.43012l5.18375,-4.43012z"
      fill="#007fff"
      id="svg_36"
      stroke="#0000bf"
      stroke-width="2"
      transform="rotate(155.81 1075.67 705.638)"
    />
    <!-- 出水 -->
    <path
      class="type_success flowingWater"
      d="M582.7,803.4l-5.6,2c0,0,1.7,14.9,6.9,20.2c3.8-1.5,199.9-71,199.9-71l-26.7,63.6c0,0-4.7,12.7,12.3,13.9
	c5.6-0.8,11.6-2.7,15.9-4.7c4.3-2,255.9-95.5,255.9-95.5s3.8-2.8-0.8-9.9c-4.7-7.2-8.7-3.8-8.7-3.8l-252,93.1l28-59.9
	c0,0,5.3-10.9-2.2-16.3c-2.4-2.5-9.5-4.9-16.7-3.2c-7.1,1.7-38.6,11.9-38.6,11.9l-4.1,11.9c0,0-1.1,2.8-4.2,1.9
	c-3.1-0.9-2.2-3.7-2.2-3.7l2.2-6.9l-7.4,2.7l-4,11.6c0,0-0.8,2.5-3.2,2s-3.3-3.5-3.3-3.5l2.6-8.1l-8.4,4l-3.5,11.1
	c0,0-1.3,2.9-4.3,1.7c-3-1.2-2-4.1-2-4.1l2-6.4l-8,3.2c0,0-0.6,1.8-1,2.2c0,1.4-2.1,8.3-2.1,8.3s-0.8,3.6-4.3,2.6s-2.4-3.9-2.4-3.9
	l1.8-6.7l-8.4,3.1c0,0-0.1,1.4-0.7,2.5c-0.4,1.6-2.1,9.8-2.1,9.8s-1.5,1.5-3.8,1c-1.6,1.8-4.1,3.2-4.1,3.2s-1.3,1-2.2-0.9
	c-1-1.8-3.9-7.6-3.9-7.6L667,784c0,0-1.1,2-3.8,1.6c-2.7-0.4-2.5-3.2-2.5-3.2l1.6-7.5l-8.9,3.7l-2.5,11.2c0,0-1.4,2-3.5,1.6
	s-3.1-3.4-3.1-3.4l1.4-7.4l-9.1,3.6l-1.7,11.1c0,0-1,2.1-3.5,2c-2.5-0.1-3.1-2.7-3.1-2.7l1-7.8l-9.4,3.4l-1.4,10.7
	c0,0-1,2.4-3.6,2.3c-2.7-0.1-3.2-2.8-3.2-2.8l0.5-7.6l-9.2,3.3l-1,10.7c0,0-0.6,1.6-1.8,1.9c-0.3,1.1-0.2,2.6-3.4,2.7
	c-0.7-0.5-0.7-0.5-0.7-0.5l-4.7,1.5l-0.4,1.2c0,0-2.8,1.6-4.1-0.5c-1.4-0.3-1.4-0.3-1.4-0.3l-2.4-2.2l-0.1-5.3L582.7,803.4z"
    />
    <!-- 溢水阀 -->
    <polygon
      v-tooltip.right="{
        content: '溢水阀: 开'
      }"
      class=" type_success "
      points="439.7,867.9 431.4,839.2 433.4,838.5 433.5,836.7 464.7,826.2 465.5,827.6 467.7,826.6 475,848.6 
	476,855.3 474.1,856 473.8,857.7 442.7,868.6 442.2,867.3 "
    />
    <path
      class="st6"
      d="M683.5,773.7c0,0,0.3,4.8-9.2,10c-0.8-0.7-0.7-0.5-1.4-2c-0.7-1.5-12.5-26.1-12.5-26.1s-0.5-2.4,2.3-4
	c-1.8-3.7-7.7-15.3-7.7-15.3s3.3-3.2,5.3-1.5c1.2,2,7.4,14.1,7.4,14.1s3.7-0.4,4.3,0.6S683.5,773.7,683.5,773.7z"
    />
    <path
      class="st6"
      d="M659.6,768.1h-3.9l-1.7-2l0.2-3.4l0.9-1.2l-1.1-2.5l1.5-2l-2.4-6.1c0,0,1-1.7,3.2-0.5c1,1.9,2.3,5.3,2.3,5.3
	h1.8l4.4,10.7c0,0,0.6,1.6-2.4,2.6C662.3,769.1,660.3,770,659.6,768.1z"
    />
    <polygon
      class="st6"
      points="809.6,742.5 811.9,741.8 811.9,739.1 814.3,737.9 814.5,735.6 817,734.2 820,734.6 821.2,736.7 
	823,736.7 824.5,739.4 824.5,740.8 823.3,741.5 823.4,743.2 823.4,744.2 820.6,745.2 818.7,744.7 815.9,745.8 814.4,745.5 
	812.9,743.9 809.6,744.9 "
    />
    <path
      class="st7"
      d="M840.1,734.6l-15.2,5.1l-0.2,1.3l-1.2,0.8l0.2,4l-0.8,1.1l-1.9,0.4l-2.4-2.1l-2.4,1.2l-3.9,1.2l-3.7,1.5
	c0,0-2.5,6.3-3.1,6.9c4.9-2.6,12.1-4.8,12.1-4.8s1.4,3.6,4.5,2.3c3.1-1.3,20.4-7.7,20.4-7.7s4-1.6,3-6.4
	C844.5,734.5,841.7,733.5,840.1,734.6z"
    />
    <path
      class="st7"
      d="M840.1,747.1c0,0,1.4,2.9-0.2,4.8c-1.7,1.9-4.5,2.7-4.5,2.7l-18.4,6.7c0,0-2.4,0.8-3.2-1.9
	c-2.8,0.9-11.5,3.9-11.5,3.9l2-4.5l1-2.2l6.2-2.1l0.4-1l5.4-1.6c0,0,2.8,3.8,6.1,1.5C826.6,752,840.1,747.1,840.1,747.1z"
    />
    <!-- 冷室阀 -->
    <polygon
      v-tooltip.right="{
        content: '冷室阀: 开'
      }"
      class=" type_success"
      points="245,456.9 248.1,468.2 249.3,471.5 253.2,482.3 255.2,481.7 255.8,483.1 283.9,475.5 283.9,474.2 
	285.7,473.6 277.8,447.6 276.1,448.4 275.5,447.1 247,454.2 247.1,455.8 "
    />
    <polygon
      class="st8"
      points="345.3,431.5 352.8,456.5 354.9,456.1 355.3,457.5 382.1,450.5 382.1,449.3 384.4,448.6 382,436.6 
	381.3,435.5 381.2,433.9 377.1,422.7 375,423.3 374.6,422.5 347.8,429.6 347.6,430.4 "
    />
    <!-- 充气阀 -->
    <path
      v-tooltip.right="{
        content: '充气阀: 开'
      }"
      class=" type_success"
      d="M296.7,473.6c0.1,0.3,9.4,32.1,9.4,32.1l2.6-0.9l0.5,1.5l11-3.3c0,0,0-4.9,3.6-7.6c-0.1-1.5-3.9-14.3-3.9-14.3
	s-1.5-5.8,6.4-8.8c0,0,8-2.1,10.7,4.6c1.8,7.4,3.9,14.7,3.9,14.7s3.1-0.1,4.6,1.6c-0.6-2.8-8.9-30.1-8.9-30.1l-2.5,0.8l-0.9-1.5
	l-34.3,9.2l0.1,1.8L296.7,473.6z"
    />
    <!-- 热室阀 -->
    <path
      v-tooltip.right="{
        content: '热室阀: 开'
      }"
      class=" type_success "
      d="M441.3,136.6v-1.3l13.1-2.6v-2.3c0,0,0.6-0.8,2.1-0.8c1.6,0,1.9,1.9,1.9,1.9l8.3-1.4l1.5,1.1l1.4-0.3l5,8.1v3.1
	l0.8,0.8l0.8,13.6l-1.3,0.8l0.2,1l-1.4,0.3l0.1,1.5l-25.8,5.3l-0.6-1.3l-1.5,0.4l-4.6-8.8v-2.3l-1-1.3l-0.9-15.3L441.3,136.6z"
    />
    <!-- 预抽阀 -->
    <path
      v-tooltip.right="{
        content: '预抽阀: 开'
      }"
      class=" type_success"
      d="M427,264.6l-11.6,2.5l-0.3,1.1l-1.7,1.1l1.6,12.1l4.5,10.8h1.3l1.1,1l23.5-5.7v-1.1l1-0.1l0.4-1.5l-0.8-11.6
	l-1.1-0.4l-0.1-2.3l-3.8-8.1l-1.5,0.3l-0.6-1.1l-8.3,2c0,0-0.6-1.4-2.7-1S427,264.6,427,264.6z"
    />
    <!-- 水环泵 -->
    <path
      v-tooltip.right="{
        content: '水环泵: 开'
      }"
      class=" type_success"
      d="M328.8,607.9h1l2.4,6.5l6.7-2l-3-10.1c0,0-1.8-5,0.6-6c2.4-1,10.9-3.4,10.9-3.4l1.5,0.7l32.4-9.5l0.3-1
	l19.1-5.5c0,0,3.3-1.9,6.2,5.7c3,7.6,9.2,29.4,9.2,29.4s1.1,6.8-2.7,7.8c-3.8,1-62.7,19.1-62.7,19.1s-3.2,0.4-4.4-2.7
	c-1.1-3.1-3.9-11.8-3.9-11.8l-6.5,2l1.8,7.4l-1.7,0.5l4.3,14.1c0,0,2.5,5.4-1.9,6.9c-4.4,1.5-21.8,6.4-21.8,6.4s-3.8,2.4-5-2.3
	c-1.2-4.6-8.4-18.2-17.7-56.9c-2.2-11.1,2.8-11.2,2.8-11.2l4.3-1.2l6.7,18.5c0,0,2.2,7.3,9.2,6.1c6.9-1.2,6.4-7.5,6.4-7.5l-6.7-21.6
	l3.1-0.4c0,0,1.7,0.2,3.8,5.9C325.8,597.3,328.8,607.9,328.8,607.9z"
    />
    <g class="st0">
      <!-- 机械泵 -->
      <path
        v-tooltip.right="{
          content: '机械泵: 开'
        }"
        class="type_success"
        d="M246.6,454l16.3-4.3L249.6,410l-18.9,4.4l-1.2-0.8c0,0-4.5,0.9-8.6,2c-4.2,1.2-2.7,5.8-2.7,5.8l2.5,9.8
		l-2.6,0.6l-0.3-0.4l-5.3-11.5c0,0-13,3.1-17.8,4.6c-4.8,1.4-4.4,3.9-4.4,3.9l6.4,43.8l0,0.3l5.4-1.6l12.5,27.2l39.6-10.3l-1.3-5.5
		l-8.3-26.6l2-0.5V454z"
      />
      <path
        class=" st9"
        d="M318.1,414.6l-28.6,7c0,0-4.5-14.1-6.1-17.7c-1.6-3.6-6.7-1.7-6.7-1.7l-12.7,3.3c0,0,9.7,28.2,10.5,30.3
		c0.1-2.6,8.5-6.4,8.5-6.4l37.1-8.8L318.1,414.6z"
      />
      <polygon
        class="st10"
        points="298.5,471.2 333.2,462.2 324.4,435.2 287,445.2 296.7,476.7 297.4,476.5 296.7,473.6 298.7,472.7 	
		"
      />
    </g>
    <!-- 罗茨泵 -->
    <path
      v-tooltip.right="{
        content: '罗茨泵: 开'
      }"
      class=" type_success"
      d="M347.8,447.3c0,0-8.3,5.2-5.6,13.1c2.5,8.5,3.1,10.1,3.1,10.1s-1.8,0.7-0.6,4.7s2.3,8,2.3,8l9.9,29.6
	c0,0,0.6,8.5,5.6,10.5c1.1,3.3,3,9.2,3,9.2s1.1,8.5,11.7,8.9c4.8,0,12.7-1,14.5-2.2c0.6,1.5,11.3,28.4,11.3,28.4l-1,1.3l6.4,16.2
	c0,0,3.4,14.8,28.7,5.6c3.4-1,16.1-8.6,14.4-19.6c-2.8-8.2-7.7-19.3-7.7-19.3l-1.1-0.8l-5.9-16l-0.3-3.8l-1.2-4.3l16.8-5.5
	c0,0,10.3-5.9,9.7-14.9c0,0-3.4-11.1-3.5-11l-12.7-37c0,0-0.7-5.7-2.5-7.2c-0.4-1.5-2.3-6.8-5.8-8.7c-0.6-2.4-3.9-8.6-4-8.9
	c0-0.3,11.1,82.5,11.1,82.5s-1.6,2.3-2.9,0.4c-0.3-2-13.2-88.3-13.2-88.3l-1.9-1.1c0,0,9.5,65.8,9.5,65.8c0,0-1.7,3-3.2,0.3
	c-0.5-2.5-10.4-67-10.4-67l-3.2,0.8l12,80.5c0,0,1.6,6.2-6.5,7.3c-8.1,1-8.5-6.1-8.5-6.1l-13.7-76.9l-3.8,1.1l15.9,90.8
	c0,0-0.3,2.9-3,1.5c-0.3-1.3-4.9-24.8-4.9-24.8s-1,4.1-3.5,0.6c-0.4-1.9-7.3-33.3-7.3-33.3s-11.7,1.1-15.3-4.4
	c1.9,7.3,5,15.6,5,15.6s-1.3,4.5-6.1,5c0.8,3.2,8.7,41.4,8.7,41.4s-0.3,3.7-5,4.3s-5.3-2.1-5.3-2.1l-14.5-61.6c0,0-0.6-2.1-3.6-1
	c-3,1-4.5,2.3-4.5,2.3s-1.3,0.4-2.1-1.5S347.8,447.3,347.8,447.3z"
    />
    <!-- 扩散泵 -->
    <path
      v-tooltip.right="{
        content: '扩散泵: 开'
      }"
      class="type_success"
      d="M552.2,136.7v-33.1c0,0-5.6-7.3-13.5-1.3c-1.3,12.5,0,34.3,0,34.3s-38.7,5.5-49.6,23.7
	c-2.3,2.8-7.4,25.6,5.9,36.6c0.5,12.8,4.6,94,4.6,94s-18.9,29.6-13.5,61.8c10.8-2.8,24.6-6.7,24.6-6.7s1.8,3,1.8,2.9l12.6,25.3
	l0.1,5.3l-2.9,1l1.4,55.1c0,0-2.8,1.3-2.9-0.9s-2.7-53.6-2.7-53.6l-5.7,1.7l1.1,30.9c0,0-3.3,1.5-3.6-0.3c0-1.9-1.5-29.7-1.5-29.7
	l-1.4,0.4l2.6,44.4c0,0-2.8,4.8-7.7,4.6c-5-0.2-8.2-2.8-8.8-5.1c0-2-2.5-39.6-2.5-39.6l-1.3,0.6l4.2,54.3l-0.8,3.7
	c0,0,2.3,25.7,17.7,40.9c1,7.3,3.3,44,3.3,44s3.9,9.1,6.9,10.9c12-3,53-15.4,53-15.4l10.3-2.2l1.5-36.6c0,0,15.2-20,17-36.8
	c0.1-3.8-0.3-5.2-0.3-15.3c0-10.1,5.3-20.9-8.6-53.3c-5.3-9-63.9-114.3-63.9-114.3s-7.4-17.2,11.7-27c19.1-9.8,32.9-12.3,38.8-10.7
	c5.9,1.6,8.7,2,13.5,13.4c0.6-1.4,2.3-48.6,2.3-48.6s9.9-4.2,7.8-29.6c0,0-3.4-14.4-21.8-22.3C577.9,142.3,565,137.9,552.2,136.7z"
    />
    <!-- 维持泵 -->
    <path
      v-tooltip.right="{
        content: '维持泵: 开'
      }"
      class="type_success"
      d="M499,471.1l-11,2.3l-1.7-1.1l-17.3,4.4c0,0-3.5,0.7-1.4,9c2.1,8.3,4.6,17.2,7.1,21.4c2.5,4.2,3.1,4,3.1,4
	l7.8-2.3c0,0,6.7-18.3,19.5-25.8C502.5,478,499.8,472.8,499,471.1z"
    />
    <path
      class="st14"
      d="M496.4,226c0,0-9.8-12.5-10.5-21.9c-3.1,0-8.7-0.7-11.4,0.6c0,3-0.5,5.8-0.5,5.8s0.7,3.7-1.8,4.4
	s-13.8,3-13.8,3s-3.9,0.1-6.2-8.2c-2.8,0.3-53.7,11.1-53.7,11.1S375,227.5,376,246c2.3,14.1,9.3,55.1,9.3,55.1s0.1,11-1.3,15
	c2,9.7,0.7,11.3,2.3,12.6c1.6,1.3,3.6,0,3.6,0l10.9,65.4l-20,5.7l5.4,17.4l2,8l4.9,26.3L384,454l-1.9-3.4v-1.2l2.3-0.7l-1.8-11.3
	l-0.8-1.6l-0.2-1.5l-4.5-11.5l-2,0.2l-0.6-0.9l-4.4,1.1l-36.8-175.3c0,0-5-42.2,34.1-64.1c17-6.4,25.7-8.1,25.7-8.1l48.8-10.1v-6.8
	l3.8,5.9l1.5-0.4l0.6,1.3l25.8-5.3l0.9-0.9c0,0,12.1-0.8,15,0.1c-1.1,1.4-3.4,8.3-3,15.5c0.4,7.1,1.5,12.3,2.6,13.9
	c0.9,2.4,5,7.4,6.2,8.4C495.6,200.9,496.4,226,496.4,226z"
    />
    <path
      class="st15"
      d="M672.3,449.5l2.9-22.7c0,0,5.1-31.5-7.6-61.2c-4.6-10.7-9.6-19.1-9.6-19.1L594.4,246l-4.3-8.1
	c0,0-3.5-9.3-17.6-6.8c-14.2,2.5-27.5,5.1-38.2,15.7c-2.4,1.7-10.3,11.3-5.2,20.9c5.1,9.6,65.4,116.8,65.4,116.8s10.5,20,8.5,45
	l0.1,19c0,0,4.6,22.2,36.3,22.3C647.8,471.2,670.7,465.6,672.3,449.5z"
    />
    <!-- 维持阀 -->
    <path
      v-tooltip.right="{
        content: '维持阀: 开'
      }"
      class=" type_success"
      d="M491.2,307.4c0,0-3.6-1.8-8.4-0.6c-4.7,1.2-40.3,9.8-40.3,9.8v7.9l-0.4,0.6l-10.1,2.7l-0.8-0.8l-3.7-7.1
	l-37.5,8.7l-3.3,0.5c0,0-0.2-6.7-3.2-12.9c0.9-1.1,2.7-11.1,2.3-15.6c2.8-0.6,33.8-7.7,33.8-7.7l1.4,0.4l5.2-0.5l19.4-4.6l0.3-1.1
	l1.5-0.4l31-7.2c0,0,13.8-3.2,21.3,1.9c0.3,5.1,0.6,9.6,0.6,9.6L491.2,307.4z"
    />
    <path
      class="st9"
      d="M381.1,400.3l41.2-11l12.3,29.1l0.3,4.5l-2.7,0.7l12.7,92.8c0,0-1.7,2.4-3.2,0.4c-0.4-1.8-13.4-92.2-13.4-92.2
	l-2,0.6l9.8,67.2c0,0-1.7,1.7-3.2,0.4c-0.3-1.7-10.1-66.9-10.1-66.9l-4,1l12.8,80.6c0,0,0.6,7.1-6.6,7.7s-8.8-5.7-8.8-5.7
	l-13.3-78.2l-4.7,1.4l16.7,91c0,0,0,2.8-3,1.5c-0.4-2.1-4.9-24.5-4.9-24.5s-1.2,3.9-3.6,0.6c-0.6-3.2-15.6-81.6-15.6-81.6l-6.5-18.2
	V400.3z"
    />
    <path
      class="st9"
      d="M469.9,356.9l40.7-10.4l14.6,27.9l-0.1,5l-2.8,0.5l1.7,55.3c0,0-2.8,2.1-4-0.2c-0.1-3.6-1.4-54.3-1.4-54.3
	l-6.6,1.8l1.3,31c0,0-2.6,1.9-3.1-0.1c-0.3-2.9-1.2-30.2-1.2-30.2l-2.4,0.7l2.4,44.6c0,0-1.6,4.4-7.8,4.4s-7.8-5.2-7.8-5.2
	l-1.8-39.9l-3.1,1.1l4.2,54.7c0,0,0,1-1.8,1.2s-1.8-1.7-1.8-1.7l-3.8-53.7l-1.5,0.2l-3.8-7.6l2.9,38.4c0,0-1.7,3.2-3.4,0.1
	c-0.3-2.9-4.3-48.8-4.3-48.8l-4.7-10.3L469.9,356.9z"
    />
    <path
      class="st9"
      d="M324.1,495.4l-4.2-14.8c0,0-0.5-6.4,6.9-8.1c7.4-1.7,9.8,4.5,9.8,4.5l3.6,13.9c0,0,7.2,1.5,8.7,7.9
	s1.8,10,1.8,10s-0.9,4.1-4.3,6.3c1.1,3.6,3.9,15,3.9,15s0.7,5.6-6.2,7.1s-8.9-4.4-8.9-4.4l-3.7-13.7c0,0-7.9-1.8-9.6-8.3
	s-1.8-8.4-1.8-8.4S320.4,496.9,324.1,495.4z"
    />
  </svg>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["area123"])
  },
  watch: {
    // 有bug 晚点改
    "$store.state.app.sidebar.opened"() {
      setTimeout(() => {
        // let svg = document.getElementsByTagName("svg");
        // console.log("svg :>> ", svg);
        // for (let index = 0; index < svg.length; index++) {
        //   svg[index].setAttribute(
        //     "viewBox",
        //     "0,0," +
        //       svg[index].getBBox().width +
        //       "," +
        //       svg[index].getBBox().height +
        //       ""
        //   );
        // }
        // this.brder1Key = generateId();
      }, 500);
    }
  },
  data() {
    return {
      brder1Key: "11"
    };
  },
  methods: {
    ceshi() {
      console.log("1 :>> ", 1);
    }
  }
};
</script>

<style type="text/css">
.st0 {
  opacity: 0.1;
}
.st1 {
  fill: #5ca1cf;
}
.st2 {
  opacity: 0.1;
  fill: #cfe2e3;
}
.st3 {
  opacity: 0.1;
  fill: #a4b2b3;
}
.st4 {
  opacity: 0.1;
  fill: #99a6a5;
}
.st5 {
  opacity: 0.1;
  fill: #adbac1;
}
.st6 {
  opacity: 0.1;
  fill: #8d8e8e;
}
.st7 {
  opacity: 0.1;
  fill: #8f8f8e;
}
.st8 {
  opacity: 0.1;
  fill: #8d989e;
}
.st9 {
  fill: none;
}
.st10 {
  fill: #686869;
}
.st11 {
  opacity: 0.1;
  fill: #9dabab;
}
.st12 {
  opacity: 0.1;
  fill: #a5b3b4;
}
.st13 {
  opacity: 0.1;
  fill: #5ca1cf;
}
.st14 {
  opacity: 0.1;
  fill: #a6b3b3;
}
.st15 {
  opacity: 0.1;
  fill: #838a8a;
}
</style>
